<!-- 咨询 -->
<template>
	<view class="flex-row flex-row-space-between tab-dom">
		<view @click="currentTab = 0" :class="currentTab == 0 ? 'tab-dom-key': 'tab-dom-item' ">专家列表</view>
		<view @click="currentTab = 1" :class="currentTab == 1 ? 'tab-dom-key': 'tab-dom-item' ">我的咨询</view>
	</view>

	<view v-if="currentTab == 0">
		<expertList />
	</view>

	<view v-if="currentTab == 1">
		<advisorytList />
	</view>
	
	<tabbar />
</template>

<script lang="ts" setup>
	import expertList from "@/pages/tabBar/student/components/expert-list";
	import advisorytList from "@/pages/tabBar/student/components/advisory-list";
	import tabbar from "@/components/tabbar/index";
	import { ref  } from 'vue'
	
	const currentTab = ref(0)
	
	// #ifdef MP-WEIXIN  
	if(wx.hideHomeButton){  
	    wx.hideHomeButton();  
	}  
	// #endif

</script>

<style lang="scss" scoped>
	.tab-dom {
		line-height: 2.5;
		font-size: 28rpx;
		text-align: center;

		.tab-dom-item {
			flex: 1;
			background: #fff;
			border: 1px solid #FF5722;
			color: #FF5722;
		}

		.tab-dom-key {
			flex: 1;
			color: #fff;
			background: #FF5722;
			border: 1px solid #FF5722;
		}
	}

</style>